<template>
  <div class="container">
    <!-- 左侧分类 -->
    <HomeCate />
    <!-- 轮播图 -->
    <HomeBan />
    <!-- 新鲜好物 -->
    <HomeNew />
    <!-- 人气推荐 -->
    <HomeHot />
    <!-- 商品模块 -->
    <HomeProduct />
  </div>
</template>

<script>
import HomeCate from './components/home-category.vue'
import HomeBan from './components/home-banner.vue'
import HomeNew from './components/home-new.vue'
import HomeHot from './components/home-hot.vue'
import HomeProduct from './components/home-product'
export default {
  components: {
    HomeCate,
    HomeBan,
    HomeNew,
    HomeHot,
    HomeProduct
  },
  name: 'xtx-home-page'
}
</script>

<style scoped lang='less'>
// @import "~@/styles/variables.less";
</style>
